import NextAuthProvider from "@/provider/NextAuthProvider";
import TanStackQueryProvider from "@/provider/TanstackProvider";
import { ThemeProvider } from "@/provider/theme-provider";
import "@/styles/globals.css";
import { type Metadata } from "next";
import { Inter } from "next/font/google";

// If loading a variable font, you don't need to specify the font weight
const inter = Inter({ subsets: ["latin"] });

export const metadata: Metadata = {
  title: "Create Next App",
  description: "Generated by create next app",
};

export default async function RootLayout({
  children,
}: Readonly&lt;{
  children: React.ReactNode;
}&gt;) {
  return (
    &lt;TanStackQueryProvider&gt;
      &lt;NextAuthProvider&gt;
        &lt;html lang="en"&gt;
          &lt;body className={`${inter.className} antialiased`}&gt;
            &lt;ThemeProvider attribute="class" defaultTheme="system" enableSystem&gt;
              {children}
            &lt;/ThemeProvider&gt;
          &lt;/body&gt;
        &lt;/html&gt;
      &lt;/NextAuthProvider&gt;
    &lt;/TanStackQueryProvider&gt;
  );
}
